/**
 * @flow
 */
import React from 'react'
// prettier-ignore
import {
  StyleSheet,
} from 'react-native'

import RxColors from '@/commons/styles/RxColors'
import RxButton from './RxButton'

/**
 * RxButtonBlue 蓝色按钮-button
 * @param {object} props {style, textStyle, height, paddingH, paddingV, onPress}
 */
const RxButtonBlue = props => {
  const {style, textStyle, ...other} = props
  console.log('RxColors.BtnBlue=', RxColors.BtnBlue)
  return (
    <RxButton
      {...other}
      style={[styles.container, style]}
      textStyle={[styles.text, textStyle]}
    />
  )
}

RxButtonBlue.prototype = {...RxButton.prototype}
RxButtonBlue.defaultProps = {...RxButton.defaultProps}

export default RxButtonBlue

const styles = StyleSheet.create({
  container: {backgroundColor: RxColors.BtnBlue},
  text: {color: RxColors.White},
})
